<!-- Columns -->
<div id="cols" class="box"> 

    <!-- Aside (Left Column) -->
    <div id="aside" class="box">
        <div class="padding box"> 

            <!-- Logo (Max. width = 200px) -->
            <p id="logo"><a href="#"><?php echo $this->Html->image('logo.gif', array('alt' => 'logo')) ?></a></p>

            <!-- Search -->
            <form action="#" method="get" id="search">
                <fieldset>
                    <legend>Search</legend>
                    <p>
                        <input type="text" size="17" name="" class="input-text" />
                        &nbsp;
                        <input type="submit" value="OK" class="input-submit-02" />
                        <br />
                        <a href="javascript:toggle('search-options');" class="ico-drop">Advanced search</a></p>

                    <!-- Advanced search -->
                    <div id="search-options" style="display:none;">
                        <p>
                            <label>
                                <input type="checkbox" name="" checked="checked" />
                                Option I.</label>
                            <br />
                            <label>
                                <input type="checkbox" name="" />
                                Option II.</label>
                            <br />
                            <label>
                                <input type="checkbox" name="" />
                                Option III.</label>
                        </p>
                    </div>
                    <!-- /search-options -->

                </fieldset>
            </form>

            <!-- Create a new project -->
            <p id="btn-create" class="box"><a href="#"><span>Create a new project</span></a></p>
        </div>
        <!-- /padding -->
        <ul class="box">            
            <li id="submenu-active"><a href="#">Listado de Productos</a> <!-- Active -->
                <ul>
                    <li><a href="#">Insertar Nuevo</a></li>
                    <li><a href="#">Lorem ipsum</a></li>                    
                </ul>
            </li>            
        </ul>
    </div>
    <!-- /aside -->
    <hr class="noscreen" />
    <!-- Content (Right Column) -->
    <div id="content" class="box">
        <h1>Tipos</h1>    
        <?php //debug($productos);?>
        <h3 class="tit">Listado de Tipos</h3>
        <!-- tabla productos-->
        <table>
            <tr>
                <th>Nombre</th>               
                <th>Descripcion</th>                
            </tr>    
            <?php $i = 0; ?>
            <?php foreach ($tipos as $t): ?>                        
                <tr <?php echo fmod($i, 2) ? "" : "class='bg'" ?>>
                    <td><?php echo $t['Tipo']['nombre']; ?></th>
                    <td><?php echo $t['Tipo']['descripcion']; ?></td>                    
                </tr>
                <?php $i++; ?>
            <?php endforeach; ?>
        </table>        
        <?php echo $this->Paginator->prev('<< Anterior', array(), null, array('class' => 'disabled')); ?>  
        <?php echo $this->Paginator->numbers(); ?>  
        <?php echo $this->Paginator->next('Siguiente >>', array(), null, array('class' => 'disabled')); ?>
        <!-- fin tabala productos -->